<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
	"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
	<head>
		<title>DealMe商品列表</title>

		<meta http-equiv="content-type" content="text/html; charset=UTF-8">

		<link type="text/css" href="css/start/jquery-ui-1.8.11.custom.css"
			rel="stylesheet" />
		<link rel="stylesheet" type="text/css" href="css/main.css">
		<link rel="stylesheet" type="text/css" href="css/publish.css">
		<script type="text/javascript" src="js/jquery-1.5.1.min.js"></script>
		<script type="text/javascript" src="js/jquery-ui-1.8.11.custom.min.js"></script>
		<script type="text/javascript" src="js/jquery.ui.datepicker-zh-CN.js"></script>
		<script type="text/javascript" src="js/page-header.js"></script>
		<script type="text/javascript" src="js/publish.js"></script>
<!--[if IE]>
<style type="text/css">
.login-close-button, .reg-close-button { margin-right: 5px; }
.psearcher { width: 246px;}
.psearcher-input { padding-top: 4px; height: 17px; }

</style>
<![endif]-->
<style type="text/css">
.footer {
	margin-top: 10px;
}
/**
td { border: 1px solid red; }    **/
</style>

	</head>

	<body>
		<!-- 登录层 START-->
			<div class="ui-overlay login-layer-shade max-width max-height">
				<div class="ui-widget-overlay login-modal max-width max-height"></div>
				<div class="ui-widget-shadow ui-corner-all login-shadow"></div>
			</div>
			<!-- ui-widget ui-widget-content ui-corner-all  -->
			<div class="login-layer">
				<div class="login-div">
					<a class="ui-state-default ui-corner-all login-close-button">
						<span class="ui-icon ui-icon-closethick"></span>
					</a>
					<input type="text" class="acc-input" />
					<input type="password" class="pwd-input" />
					<input type="text" class="checkcode-input" maxlength="4"/>
					<img class="checkcode-img" src="images/checkcode.bmp"/>
					<div class="checkcode-refresh">看不清?<a href="javascript:return false;">点这里刷新</a></div>
					<div class="checkcode-label" style="color: #005db3; font-family: 微软雅黑; font-size: 14px; font-weight: 600;">验证码:</div>
					<a href="login-check.jsp" class="ui-state-default ui-corner-all login-button">登   录</a>
					<a href="#" class="ui-state-default ui-corner-all reg-button">注  册</a>
				</div>
			</div>
		<!-- 登录层END -->
		
		<!-- 注册层START -->
			<div class="ui-overlay reg-layer-shade max-width max-height">
				<div class="ui-widget-overlay login-modal max-width max-height"></div>
				<div class="ui-widget-shadow ui-corner-all reg-shadow"></div>
			</div>
			<div class="reg-layer">
				<div class="reg-div">
					<a class="ui-state-default ui-corner-all reg-close-button">
						<span class="ui-icon ui-icon-closethick"></span>
					</a>
					<div class="reg-form-div">
						<table>
							<tr>
								<td width="90" class="right-align">帐号:</td>
								<td class="left-align"><input/></td>
							</tr>
							<tr>
								<td class="right-align">密码:</td>
								<td class="left-align"><input type="password"/></td>
							</tr>
							<tr>
								<td class="right-align">确认密码:</td>
								<td class="left-align"><input type="password"/></td>
							</tr>
							<tr>
								<td class="right-align">邮箱:</td>
								<td class="left-align"><input/></td>
							</tr>
							<tr>
								<td class="right-align">所在大学:</td>
								<td class="left-align"><input/></td>
							</tr>
							<tr>
								<td class="right-align">验证码:</td>
								<td class="left-align">
									<input maxlength="4" style="width: 80px; float:left; "/>
									<img style="float:left;" class="reg-checkcode-img" src="images/checkcode.bmp"/>
									<div style="float:left;" class="reg-checkcode-refresh">
										看不清?<a href="javascript:return false;">点这里刷新</a>
									</div>
								</td>
							</tr>
						</table>
					</div>
					<a href="#" class="ui-state-default ui-corner-all reg">注  册</a>
				</div>
			</div>
		<!-- 注册层END -->
		
		<!-- 页面头部 -->
		<div id="page-header">
			<div class="top-crossband">
				<table class="base-width nav-table">
					<tr>
						<td width="750">
							<div class="nav">
								<ul>
									<li><a href="index.html" class="nav-index "></a></li>
									<li><a href="products.html" class="nav-products"></a></li>
									<li><a href="#" class="nav-publish selected-publish"></a></li>
									<li><a href="#" class="nav-about"></a></li>
								</ul>
							</div>
						</td>
						<td>
							<div class="nav-login-reg">
								<table>
									<tr>
										<td>
											<div class="reg-link"></div>
										</td>
										<td>
											<div class="login-link"></div>
										</td>
									</tr>
								</table>
							</div>
						</td>
					</tr>
				</table>
			</div>
		</div>
		<!-- 页面头部 END -->
		
		<div class="base-width" style="width: 980px; border-left: 1px solid #fafafa; border-right: 1px solid #fafafa;">
		<div class="base-width" style="width: 978px; border-left: 1px solid #ededed; border-right: 1px solid #ededed;">
		<div class="base-width" style="width: 976px; border-left: 1px solid #d9d9d9; border-right: 1px solid #d9d9d9;">
		<div class="base-width" style="width: 974px; border-left: 1px solid #bdbdbd; border-right: 1px solid #bdbdbd;">
		<div class="base-width" style="width: 972px; border-left: 1px solid #999999; border-right: 1px solid #999999;">
		<div class="base-width" style="width: 970px; border-left: 1px solid #d2d2d2; border-right: 1px solid #d2d2d2;">
		
		<!-- LOGO  -->
		<div class="logo-div full-width">
			<table>
				<tr>
					<td class="left-align"><img class="logo-img" src="pro-imgs/small-logo.gif"/></td>
				
					<td class="right-align" width="246">
						<table>
							<tr><td class="left-align">
								<img class="search-pro-font-img" src="pro-imgs/text-search-pro.gif"/>
							</td></tr>
							
							<tr>
								<td class="left-align">
									<div class="psearcher">
										<input class="psearcher-input"/><a href="#" class="magnifier"></a>
									</div>
								</td>
							</tr>
						</table>
					</td>
				</tr>
			</table>
		</div>
		<!-- LOGO END -->
		
		<!--  蓝条 Start  -->
		<div class="second-crossbank"></div>
		<!--  蓝条 END  -->
		
		<div class="position">
			<div class="left-align"><img src="pub-imgs/pub-title.gif"/></div>
		</div>
		
		<!-- publish content start -->
		<div id="content">
			<div class="left-align"><img id="step-img" src="pub-imgs/pub1.png"/></div><br/>
			<div class="first-step left-align">
				<div id="step1-radio" class="font-13px-bold-616161">选择您要发布信息的范围：<br/><br/>
					<input type="radio" id="radio1" name="radio_1" class="radio"/><label for="radio1">出售</label> 
					<input type="radio" id="radio2" name="radio_1" class="radio"/><label for="radio2">收购</label> 
					<input type="radio" id="radio3" name="radio_1" class="radio"/><label for="radio3">兼职/招聘</label>
					<!--<input type="radio" id="radio4" name="radio" class="radio"/><label for="radio4">求职</label>
					
					 -->
				</div> <br/>
				
				<div id="selector" class="font-13px-bold-616161">
					<div class="sheader"></div>
					<div class="list-items-contain">
						<div class="list-items"></div>
					</div>
					
					<br/>
					<div class="selected-result">
						<table>
							<tr>
								<td>您选择的是：</td>
								<td>
									
									<div class="selected-result-span"></div><input id="result" type="hidden"/></td>
								<td>&nbsp;&nbsp;<button class="button to-next">下一步</button></td>
							</tr>
						</table>
					</div>
				</div>
			</div>
			
			<div class="second-step font-13px-bold-616161">
				
				<div class="pro-info">
					<table class="font-13px-bold-616161 info-table">
						<tr class="tr">
							<td width="16"><img src="pub-imgs/tag.png"/></td>
							<td>商品名称:</td>
							<td><input/></td>
						</tr>
						<tr class="tr">
							<td width="16"><img src="pub-imgs/tag.png"/></td>
							<td>商品分类:</td>
							<td class="selected-result-td"></td>
						</tr>
						<tr class="tr">
							<td width="16"><img src="pub-imgs/tag.png"/></td>
							<td>发布方式:</td>
							<td class="deal-type">
								
							</td>
						</tr>
						<tr class="tr">
							<td width="16"><img src="pub-imgs/tag.png"/></td>
							<td>新旧程度:</td>
							<td>
								<select>
									<option>全新</option>
									<option>九成新</option>
									<option>八成新</option>
									<option>七成新</option>
									<option>很旧了</option>
								</select>
							</td>
						</tr>
						<tr class="sold-type-tr tr">
							<td width="16"><img src="pub-imgs/tag.png"/></td>
							<td>出售方式：</td>
							<td>
								<input type="radio" name="sold-type-radio" style="width: 20px;"/>实价
								<input type="radio" name="sold-type-radio" style="width: 20px;"/>竞投
							</td>
						</tr>
						<tr class="tr">
							<td width="16"><img src="pub-imgs/tag.png"/></td>
							<td>单价:</td>
							<td>
								<input style="width: 100px;"/> ¥ (RMB)
							</td>
						</tr>
						<tr class="tr">
							<td width="16"><img src="pub-imgs/tag.png"/></td>
							<td>商品数量:</td>
							<td><input style="width: 50px;"/></td>
						</tr>
						<tr class="tr">
							<td width="16"><img src="pub-imgs/tag.png"/></td>
							<td>交易方式:</td>
							<td>
								<select>
									<option>当面交易</option>
									<option>邮寄</option>
									<option>其他</option>
								</select>
							</td>
						</tr>
						<tr class="tr">
							<td width="16"><img src="pub-imgs/tag.png"/></td>
							<td>有效时间:</td>
							<td>
								<input type="text" id="datepicker">
							</td>
						</tr>
						<tr class="tr">
							<td width="16"><img src="pub-imgs/tag.png"/></td>
							<td>联系方式:</td>
							<td style="padding: 0; margin: 0;">
								<table>
									<tr>
										<td><input type="checkbox" style="width:16px"/>QQ</td>
										<td><input/></td>
									</tr>
									<tr>
										<td><input type="checkbox" style="width:16px"/>Email</td>
										<td><input/></td>
									</tr>
									<tr>
										<td><input type="checkbox" style="width:16px"/>Phone</td>
										<td><input/></td>
									</tr>
								</table>
							</td>
						</tr>
						
						<tr class="tr">
							<td width="16"><img src="pub-imgs/tag.png"/></td>
							<td>商品描述:</td>
							<td>
								<textarea rows="5" cols="50"></textarea>
							</td>
						</tr>
						<tr class="tr">
							<td width="16"><img src="pub-imgs/tag.png"/></td>
							<td>商品图片:</td>
							<td>
								<input type="file" class="upload-input" value="选择图片"/>&nbsp;<button class="unbutton" style="">上传</button>(最多可上传5张图片)
							</td>
						</tr>
						<tr >
							<td></td>
							<td></td>
							<td><br/>
								<button class="to-first button">上一步</button> &nbsp;&nbsp;
								<button class="to-finished button">下一步</button>
							</td>
						</tr>
					</table>
				</div>
				
			</div>
			<div class="second-step2 font-13px-bold-616161">
				
				<div class="pro-info">
					<table class="font-13px-bold-616161 info-table">
						<tr class="tr">
							<td width="16"><img src="pub-imgs/tag.png"/></td>
							<td>商品名称:</td>
							<td><input/></td>
						</tr>
						<tr class="tr">
							<td width="16"><img src="pub-imgs/tag.png"/></td>
							<td>商品分类:</td>
							<td class="selected-result-td"></td>
						</tr>
						<tr class="tr">
							<td width="16"><img src="pub-imgs/tag.png"/></td>
							<td>发布方式:</td>
							<td class="deal-type">
								
							</td>
						</tr>
						<tr class="tr">
							<td width="16"><img src="pub-imgs/tag.png"/></td>
							<td>新旧程度:</td>
							<td>
								<select>
									<option>全新</option>
									<option>九成新</option>
									<option>八成新</option>
									<option>七成新</option>
									<option>很旧了</option>
								</select>
							</td>
						</tr>
						<tr class="tr">
							<td width="16"><img src="pub-imgs/tag.png"/></td>
							<td>单价:</td>
							<td>
								<input style="width: 100px;"/> ¥ (RMB)
							</td>
						</tr>
						<tr class="tr">
							<td width="16"><img src="pub-imgs/tag.png"/></td>
							<td>商品数量:</td>
							<td><input style="width: 50px;"/></td>
						</tr>
						<tr class="tr">
							<td width="16"><img src="pub-imgs/tag.png"/></td>
							<td>交易方式:</td>
							<td>
								<select>
									<option>当面交易</option>
									<option>邮寄</option>
									<option>其他</option>
								</select>
							</td>
						</tr>
						<tr class="tr">
							<td width="16"><img src="pub-imgs/tag.png"/></td>
							<td>有效时间:</td>
							<td>
								<input type="text" id="datepicker">
							</td>
						</tr>
						<tr class="tr">
							<td width="16"><img src="pub-imgs/tag.png"/></td>
							<td>联系方式:</td>
							<td style="padding: 0; margin: 0;">
								<table>
									<tr>
										<td><input type="checkbox" style="width:16px"/>QQ</td>
										<td><input/></td>
									</tr>
									<tr>
										<td><input type="checkbox" style="width:16px"/>Email</td>
										<td><input/></td>
									</tr>
									<tr>
										<td><input type="checkbox" style="width:16px"/>Phone</td>
										<td><input/></td>
									</tr>
								</table>
							</td>
						</tr>
						<tr class="tr">
							<td width="16"></td>
							<td>E-mail:</td>
							<td>
								<input/>
							</td>
						</tr>
						<tr class="tr">
							<td width="16"></td>
							<td>手机:</td>
							<td>
								<input/>
							</td>
						</tr>
						<tr class="tr">
							<td width="16"><img src="pub-imgs/tag.png"/></td>
							<td>商品描述:</td>
							<td>
								<textarea rows="5" cols="50"></textarea>
							</td>
						</tr>
						
						<tr>
							<td></td>
							<td></td>
							<td><br/>
								<button class="to-first button">上一步</button> &nbsp;&nbsp;
								<button class="to-finished button">下一步</button>
							</td>
						</tr>
					</table>
				</div>
				
			</div>
			<div class="zp-step">
				<div class="pro-info">
					<table class="font-13px-bold-616161" width="850">
						<tr >
							<td width="16"><img src="pub-imgs/tag.png"/></td>
							<td>招聘信息标题:</td>
							<td><input/></td>
						</tr>
						<tr>
							<td width="16"><img src="pub-imgs/tag.png"/></td>
							<td>招聘分类:</td>
							<td class="selected-result-td"></td>
						</tr>
						
						<tr >
							<td width="16"><img src="pub-imgs/tag.png"/></td>
							<td>招聘人数:</td>
							<td><input style="width: 100px;"/> 人</td>
						</tr>
						<tr>
							<td width="16"><img src="pub-imgs/tag.png"/></td>
							<td>招聘地点:</td>
							<td>
								<input/>
							</td>
						</tr>
						<tr >
							<td width="16"><img src="pub-imgs/tag.png"/></td>
							<td>招聘时间:</td>
							<td>
								<input type="text" id="datepicker2">&nbsp; 如果时间超过一天请在招聘内容中说明
							</td>
						</tr>
						<tr>
							<td width="16"><img src="pub-imgs/tag.png"/></td>
							<td>招聘内容:</td>
							<td>
								<textarea rows="10" cols="50"></textarea>
							</td>
						</tr>
						<tr>
							<td></td>
							<td></td>
							<td><br/>
								<button class="to-first button">上一步</button> &nbsp;&nbsp;
								<button class="to-finished button">下一步</button>
							</td>
						</tr>
					</table>
				</div>
			</div>
			<div class="finished-step left-align">
				<img src="pub-imgs/finished-pub.png"/>
			</div>
		</div>
		
		
		<!--  蓝条 Start  -->
		<div class="second-crossbank" style="margin-top: 20px;"></div>
		<!--  蓝条 END  -->
		<!-- 页面尾部 START -->
		<div class="footer base-width" >
			<!-- 加线请在上面那行加class: footer-border -->
			<div class="footer-link">
				<ul>
					<li>
						<a href="#">收藏本站</a>
					</li>
					<li>
						<a href="#">关于我们</a>
					</li>
					<li>
						<a href="#">使用帮助</a>
					</li>
					<li>
						<a href="#">意见反馈</a>
					</li>
				</ul>
			</div>
			<div class="copyright">
				copyright: XX证XX2141237 ©2010 market.com
			</div>
		</div>
		<!-- 页面尾部END -->
		<br/><br/>
		
		
		</div></div></div></div></div></div>
		
		
		<div id="please-select-dialog" title="提示" style="none" style="display: none;"> 
				<p style="margin-top: 14px;">
				<span class="ui-icon ui-icon-info" style="float: left; margin-right: .3em;"></span> 
				<strong style="color: red;">请先选择一项分类!</strong>
				</p> 
		</div> 
		
	</body>
</html>